Schriften
Letztes Update:
22. September 2023
Entwurf – Inhalt noch in Arbeit
Symbolbild
Wie hilft dieses Element den Nutzern?
Schrift bzw. Text ist wohl das meistgenutzte Mittel zur Informationsvermittlung. Deshalb muss hierbei besonders darauf geachtet werden, dass die Inhalte für Nutzer zugänglich und leicht zu nutzen sind. An dieser Stelle finden sich die optischen Eigenschaften der eingesetzten Schriften mit Details zu Schriftgröße, Abständen, Schriftgestaltung, etc.
Wann kommt dieses Element zum Einsatz?
UX Konzeption
keine Schrift in Pixelgrafiken
Schriftgröße
Für bessere Lesbarkeit muss die Schriftgröße auf digitalen Plattformen (Lauftext, Menü, Teaser,…) mindestens 16 px betragen.
Zeilenlänge
Die Zeilenlänge darf nicht mehr als 80 Zeichen betragen.
Textausrichtung
- Eine zentrierte Textausrichtung bei Texten über 2 bis maximal 3 Zeilen erschwert die Lesbarkeit
- Text darf für digitale Medien nicht in Blocksatz ausgerichtet sein
Schriftschnitt und Hervorhebungen
Hervorhebungen helfen wichtige Themen hervorzuheben – Achtung – Weniger ist mehr!
- Einzelne Worte in einem Fließtext können eine fette Formatierung aufweisen.
- nicht zu viel verwenden – sollten eher vermieden werden – jeweils prüfen ob es sich nicht um eine Headline innerhalb einer hierarchischen Strukturierung handelt
- Es dürfen keine kursiven Schriftschnitte oder Farben eingesetzt werden (ausschließlich fetter Schriftschnitt)
Absätze
- auf gute Struktur achten! in Absätze gliedern
- mit Headlines Orientierung in den Sinn-Abschnitten schaffen
- Lauftext jeweils nicht mehr als 4 bis max. 5 Sätze oder Zeilen – Danach folgt zumindest ein Absatz.
- Jeder Absatz sollte jeweils nur einen Sinn thematisieren / Sinnabschnitt haben
- Wo sinnvoll und möglich sollte Fließtext in alternativer Form dargestellt werden. z.B: Listen,…
UI-Design
Tribello
Tribello
Bei Tribello werden zwei Schriften eingesetzt: Unkempt und Open Sans. Beides sind Google Fonts, die für kommerzielle Zwecke kostenlos verwendet werden dürfen.
Unkempt ist eine Display-Schrift die zur Textmarke von Tribello passt. Sie wird hauptsächlich für kurze Text wie Zitate, Button-Texte, Zahlen bei Diagrammen, etc. verwendet. Aufgrund ihrer Lesbarkeit wird die Unkempt nie für längere Fließtexte verwendet.
Die Open Sans ist eine serifenlose Schrift, die extra für das Web und mobile Interfaces optimiert wurde. Sie gibt dem Tribello-Design Ruhe und Ordnung. Open Sans wird für alle Texte wie Überschriften, Fließtext, Bilduntertitel, etc. verwendet.
Verhaltensregeln (Dos&Donts)
nicht auf Halbtransparent mit Bildhintergrund